@charset "UTF-8";
body .center {
  width: 1000px;
  margin: 0 auto;
}

body .header {
  width: 100%;
  height: 78px;
}

body .header .center {
  position: relative;
}

body .header .center .logo {
  position: absolute;
  display: inline-block;
  width: 153px;
  height: 37px;
  top: 20px;
}

body .header .center .search {
  width: 300px;
  height: 36px;
  margin-left: 193px;
  padding-top: 20px;
}

body .header .center .search .search-input {
  position: relative;
  width: 298px;
  height: 34px;
  border: 1px solid #ccc;
  line-height: 34px;
}

body .header .center .search .search-input input {
  position: absolute;
  left: 0;
  top: 0;
  width: 249px;
  height: 24px;
  line-height: 24px;
  border: none;
  margin-left: 14px;
  padding: 5px 0;
  color: #666;
}

body .header .center .search .search-input .search-sou {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  margin: 0;
  border: none;
  padding: 0;
  background: 0 0;
  outline: none;
  cursor: pointer;
}

body .header .center .search .search-input .sous {
  display: block;
  margin: 9px 0 0 9px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: url(./../imga/顶部/search.png) no-repeat;
  background-position: -40px -56px;
}

body .header .center .topNav {
  position: absolute;
  width: 460px;
  right: 0;
  top: 30px;
  display: flex;
  justify-content: space-between;
}

body .header .center .topNav .bsUl {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  width: 350px;
  border-right: 1px solid #e6e6e6;
  padding-right: 11px;
  text-align: right;
}

body .header .center .topNav .bsUl li {
  width: 72px;
  padding: 0 10px;
}

body .header .center .topNav .bsUl li a {
  color: #777;
}

body .header .center .topNav .bsUl li a:hover {
  color: #0c8ed9;
}

body .header .center .topNav .login_area {
  width: 110px;
  margin-top: -5px;
  margin-left: 30px;
}

body .header .center .topNav .login_area .login_btn {
  display: block;
  width: 48px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #169af3;
  border-radius: 2px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background-color: #169af3;
}

body .content {
  position: relative;
  width: 100%;
  height: 100%;
}

body .content .content-list {
  position: relative;
  width: 100%;
  height: 55px;
  background-color: #2c323b;
}

body .content .content-list .center {
  position: relative;
  display: flex;
  justify-content: space-between;
}

body .content .content-list .center .left-list {
  width: 437px;
  display: flex;
}

body .content .content-list .center .left-list .list-item {
  height: 55px;
  line-height: 55px;
}

body .content .content-list .center .left-list .list-item a {
  font-size: 16px;
  color: #ddd;
  padding: 0 30px;
}

body .content .content-list .center .left-list .list-item:hover {
  background-color: #0c8ed9;
}

body .content .content-list .center .left-list .more {
  width: 113px;
}

body .content .content-list .center .left-list .more .jiantou {
  margin-left: 5px;
  background: url(./../imga/顶部/arrowMored.png) no-repeat 72px 8px;
}

body .content .content-list .center .left-list .more .jiantou:hover {
  background: url(./../imga/顶部/arrowMoreu.png) no-repeat 72px 8px;
}

body .content .content-list .center .left-list .more:hover .more-list {
  display: block;
}

body .content .content-list .center .left-list .more-list {
  position: absolute;
  left: 324px;
  top: 55px;
  display: none;
  width: 113px;
  height: 146px;
  background-color: #252a32;
  z-index: 3;
}

body .content .content-list .center .left-list .more-list .more-item {
  padding: 0;
  height: 36px;
  line-height: 36px;
}

body .content .content-list .center .left-list .more-list .more-item a {
  text-align: center;
  font-size: 15px;
  color: #bbb;
  background: 0 0;
  background-color: #252b34;
}

body .content .content-list .center .left-list .more-list .more-item a:hover {
  color: #fff;
  line-height: 34px;
  background-color: #2d343d;
}

body .content .content-list .center .left-list .active {
  background-color: #0c8ed9;
  color: #fff;
}

body .content .content-list .center .right-list {
  width: 444px;
  display: flex;
  position: relative;
  margin-top: 16px;
  height: 35px;
}

body .content .content-list .center .right-list .apple-item {
  margin-left: 15px;
}

body .content .content-list .center .right-list .apple-item a {
  padding-left: 20px;
  color: #bbb;
  font-size: 13px;
  background: url(./../imga/顶部/sprite.png) no-repeat;
}

body .content .content-list .center .right-list .apple-item a:hover {
  color: #14a9ff;
}

body .content .content-list .center .right-list .apple-item .xtp1 {
  background-position: 0 -119px;
}

body .content .content-list .center .right-list .apple-item .xtp1:hover {
  background-position: 0 -101px;
}

body .content .content-list .center .right-list .apple-item .xtp2 {
  background-position: 0 -281px;
}

body .content .content-list .center .right-list .apple-item .xtp2:hover:hover {
  background-position: 0 -245px;
}

body .content .content-list .center .right-list .apple-item .xtp3 {
  background-position: 0 -191px;
}

body .content .content-list .center .right-list .apple-item .xtp3:hover {
  background-position: 0 -173px;
}

body .content .content-list .center .right-list .apple-item .xtp4 {
  background: url(./../imga/顶部/eadc2676a352ce14ec5f8050c8c42061.png) no-repeat left center;
}

body .content .content-list .center .right-list .apple-item .xtp4:hover {
  background: url(./../imga/顶部/蓝.png) no-repeat left center;
}

body .content .content-list .center .right-list .apple-item .xtp5 {
  background-position: 0 -1308px;
}

body .content .content-list .center .right-list .apple-item .xtp5:hover {
  background-position: 0 -1289px;
}

body .content .content-list .center .right-list .apple-item .xtp6 {
  background: url(./../imga/顶部/7366e06d43da71239d4f2ebd24b4e02e.png) no-repeat left center;
}

body .content .content-list .center .right-list .apple-item .xtp6:hover {
  background: url(./../imga/顶部/蓝1.png) no-repeat left center;
}

body .content .sliderWrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 445px;
  background-color: #0c8ed9;
}

body .content .coutent-body {
  position: relative;
  width: 100%;
}

body .content .coutent-body .con {
  margin-top: 40px;
}

body .content .coutent-body .con .item .choose-title {
  height: 60px;
  padding-bottom: 30px;
  display: flex;
  line-height: 30px;
  justify-content: space-between;
}

body .content .coutent-body .con .item .choose-title .title {
  color: #555;
  font-size: 30px;
}

body .content .coutent-body .con .item .choose-title .title .blue {
  color: #009af3;
}

body .content .coutent-body .con .item .choose-title .more {
  cursor: pointer;
  color: #999;
}

body .content .coutent-body .con .item .choose-title .more:hover {
  color: #009af3;
}

body .content .coutent-body .cpt {
  position: relative;
}

body .content .coutent-body .cpt:hover .Cover {
  display: block;
}

body .content .coutent-body .cpt .cptT {
  position: absolute;
  top: 0;
  right: 0;
  width: 152px;
  padding-right: 8px;
  height: 30px;
  line-height: 30px;
  background: url(./../imga/内容/cptTBg.png) no-repeat right center;
  color: #fff;
  text-align: right;
  z-index: 2;
}

body .content .coutent-body .cpt .cptT .hear {
  margin-right: 10px;
  position: relative;
  top: 2px;
}

body .content .coutent-body .cpt .Cover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}

body .content .coutent-body .cpt .Cover a {
  background: #000;
  opacity: 0;
}

body .content .coutent-body .cpt .Cover .playBtn {
  position: absolute;
  z-index: 4;
  cursor: pointer;
  background-image: url(./../imga/顶部/sprite.png);
  background-position: 0 -401px;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  margin-top: -18px;
}

body .content .coutent-body .cpt .cptB {
  width: 144px;
  padding: 6px 8px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  height: 38px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

body .content .coutent-body .cpt .cptB .songListName,
body .content .coutent-body .cpt .cptB .songListSinger {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  line-height: 19px;
}

body .content .coutent-body .cpt .cptB .songListSinger {
  color: #cfcfcf;
}

body .content .coutent-body .body1 {
  width: 1000px;
  display: flex;
  justify-content: space-between;
}

body .content .coutent-body .body1 .body1-left {
  overflow: hidden;
  width: 660px;
}

body .content .coutent-body .body1 .body1-left .item-content {
  display: flex;
  justify-content: space-evenly;
}

body .content .coutent-body .body1 .body1-left .item-content .cptBig {
  width: 325px;
  height: 325px;
  margin-right: 5px;
}

body .content .coutent-body .body1 .body1-left .item-content .cptBig img {
  width: 325px;
  height: 325px;
}

body .content .coutent-body .body1 .body1-left .item-content .cptBig .Cover {
  width: 325px;
  height: 325px;
  z-index: 3;
}

body .content .coutent-body .body1 .body1-left .item-content .cptBig .Cover a {
  width: 325px;
  height: 325px;
  background: #000;
  opacity: 0;
}

body .content .coutent-body .body1 .body1-left .item-content .cptBig .Cover .playBtn {
  top: 300px;
  left: 300px;
}

body .content .coutent-body .body1 .body1-left .item-content .cptBig .cptB {
  width: 309px;
}

body .content .coutent-body .body1 .body1-left .item-content .cptBig .cptB .songListName,
body .content .coutent-body .body1 .body1-left .item-content .cptBig .cptB .songListSinger {
  width: 295px;
}

body .content .coutent-body .body1 .body1-left .item-content .small {
  width: 330px;
  height: 325px;
  display: flex;
  flex-wrap: wrap;
}

body .content .coutent-body .body1 .body1-left .item-content .small .cptMid {
  width: 160px;
  height: 160px;
  padding: 0;
  margin: 0 5px 5px 0;
}

body .content .coutent-body .body1 .body1-left .item-content .small .cptMid img {
  width: 160px;
  height: 160px;
}

body .content .coutent-body .body1 .body1-left .item-content .small .cptMid .Cover {
  width: 160px;
  height: 160px;
}

body .content .coutent-body .body1 .body1-left .item-content .small .cptMid .Cover a {
  display: block;
  width: 160px;
  height: 160px;
}

body .content .coutent-body .body1 .body1-left .item-content .small .cptMid .Cover .playBtn {
  top: 135px;
  left: 130px;
}

body .content .coutent-body .body1 .body1-right {
  width: 320px;
}

body .content .coutent-body .body1 .body1-right .itemContent {
  overflow: hidden;
  height: 325px;
}

body .content .coutent-body .body1 .body1-right .itemContent .listItem {
  position: relative;
  margin-bottom: 15px;
  background-color: #f6f6f6;
  display: flex;
  height: 100px;
}

body .content .coutent-body .body1 .body1-right .itemContent .listItem .Cover {
  width: 98px;
  height: 98px;
}

body .content .coutent-body .body1 .body1-right .itemContent .listItem .Cover .playBtn {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 49px;
}

body .content .coutent-body .body1 .body1-right .itemContent .listItem img {
  width: 98px;
  height: 98px;
}

body .content .coutent-body .body1 .body1-right .itemContent .listItem .list {
  overflow: hidden;
  width: 200px;
  height: 68px;
  padding: 15px 10px;
  font-size: 14px;
}

body .content .coutent-body .body1 .body1-right .itemContent .listItem .list dt {
  line-height: 24px;
  color: #333;
  font-weight: 700;
}

body .content .coutent-body .body1 .body1-right .itemContent .listItem .list dd {
  width: 180px;
  line-height: 24px;
  font-size: 14px;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body .content .coutent-body .body1 .body1-right .itemContent .listItem .jian {
  background-image: url(./../imga/顶部/sprite.png);
  background-position: 0 -322px;
  width: 7px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 10px;
}

body .content .coutent-body .hardWare {
  margin-top: 10px;
}

body .content .coutent-body .body2 {
  width: 1000px;
  height: 375px;
  display: flex;
  justify-content: space-between;
}

body .content .coutent-body .body2 .body2-left {
  overflow: hidden;
  width: 650px;
  height: 375px;
}

body .content .coutent-body .body2 .body2-right {
  overflow: hidden;
  width: 320px;
}

body .content .coutent-body .body3 {
  height: 355px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

body .content .coutent-body .body3 .body3-left {
  width: 700px;
  height: 355px;
  overflow: hidden;
}

body .content .coutent-body .body3 .body3-left .item-content {
  position: absolute;
}

body .content .coutent-body .body3 .body3-left .item-content ul {
  width: 700px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

body .content .coutent-body .body3 .body3-left .item-content ul li {
  width: 100px;
  margin-right: 37px;
  margin-bottom: 25px;
}

body .content .coutent-body .body3 .body3-left .item-content ul li .baohan {
  position: relative;
}

body .content .coutent-body .body3 .body3-left .item-content ul li .baohan img {
  width: 100px;
  height: 100px;
}

body .content .coutent-body .body3 .body3-left .item-content ul li .baohan .radioKind {
  display: block;
  width: 100px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body .content .coutent-body .body3 .body3-left .item-content ul li .Cover {
  position: absolute;
  width: 100px;
  height: 100px;
  visibility: visible;
  background: rgba(0, 0, 0, 0.2) url(./../imga/内容/radio.png) left top;
  top: -85px;
  left: 0px;
}

body .content .coutent-body .body3 .body3-left .item-content ul li .Cover .playBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -21px;
}

body .content .coutent-body .body3 .body3-right {
  width: 330px;
  margin-left: 30px;
}

body .content .coutent-body .body3 .body3-right .hot-country {
  width: 190px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  cursor: pointer;
}

body .content .coutent-body .body3 .body3-right .hot-country .active {
  color: #14a9ff;
}

body .content .coutent-body .body3 .body3-right .item-content {
  width: 330px;
}

body .content .coutent-body .body3 .body3-right .item-content .xianshi {
  display: block;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl {
  width: 100%;
  position: relative;
  height: 320px;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 330px;
  height: 320px;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger {
  position: relative;
  width: 330px;
  height: 270px;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger .hideen {
  display: flex;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger li {
  position: absolute;
  top: 0;
  left: 0;
  width: 330px;
  height: 270px;
  flex-wrap: wrap;
  display: none;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger li .cptMid {
  width: 160px;
  height: 160px;
  padding: 0;
  margin: 0 5px 5px 0;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger li .cptMid .singerImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 160px;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger li .cptMid .Cover {
  width: 160px;
  height: 160px;
  background: rgba(0, 0, 0, 0.3);
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger li .cptMid .cptB {
  height: 18px;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger li .cptSmall {
  width: 105px;
  height: 105px;
  padding: 0;
  margin: 0 5px 0 0;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger li .cptSmall .singerImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 105px;
  height: 105px;
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger li .cptSmall .Cover {
  width: 105px;
  height: 105px;
  background: rgba(0, 0, 0, 0.3);
}

body .content .coutent-body .body3 .body3-right .item-content .firstUl .item .hotsinger li .cptSmall .cptB {
  width: 89px;
  height: 18px;
}

body .content .coutent-body .body4 {
  margin-top: 30px;
}

body .content .coutent-body .body4 .itemContent {
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

body .content .coutent-body .body4 .itemContent a {
  overflow: hidden;
  width: 125px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #555;
}

body .footer {
  background: #2c323b;
  position: relative;
}

body .footer .center {
  width: 1100px;
  height: 319px;
  padding-bottom: 50px;
}

body .footer .center .links {
  position: relative;
  border-bottom: 1px solid #3d424a;
  padding: 15px 0;
  font-size: 12px;
  color: #b1b3b9;
}

body .footer .center .links a {
  color: #b1b3b9;
  padding: 10px;
}

body .footer .center .copyright {
  width: 1000px;
  margin: 40px auto 0;
}

body .footer .center .copyright p {
  line-height: 30px;
  text-align: center;
  color: #b1b3b9;
}

body .footer .center .copyright p a {
  color: #b1b3b9;
}

body .footer .center .copyright p .footerIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-top: -2px;
  background: url(./../imga/底部/footer_icon.png) no-repeat 0 0;
}
